<template>
	<view>
		<view class="blockItem">

			<view class="top-con">
				<view class="flex">
					<view class="s1">
						<view class="titles">
							直推代理
						</view>
						<view class="font">
							9
						</view>
					</view>
					<view class="s1">
						<view class="titles">
							团队代理
						</view>
						<view class="font">
							8
						</view>
					</view>
				</view>
			</view>

		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>

<style lang="scss">
	.blockItem {
		width: 90%;
		border-radius: 16rpx;
		background-color: #F9F9F9;
		margin-top: 20rpx;
		margin: 0 auto;

		.top-con {
			margin-top: 32rpx;
			color: #333333;
			.s1{
				flex:1;
				text-align: center;
				.titles{
					margin: 10px 0;
					font-size: 28rpx;
					font-weight: 500;
					color: #333333;
				}
				.font{
					font-size: 40rpx;
					font-family: PingFang SC, PingFang SC;
					font-weight: bold;
					color: #333333;
				}
			}

		}
	}
</style>